<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../echarts.min.js"></script>
    <script src="../../macarons.js"></script>

    <link rel="stylesheet" type="text/css" href="../../css/global.css" />
    <link rel="stylesheet" type="text/css" href="../../css/bd_s_xdlj/xdlj.css" />
    <link rel="shortcut icon" href="#" />

</head>
<body>

<div class="slider">
    <img class="bg-title" src="../../images/title.png">
    <div class="top-title">XXXXXXXX</div>
    <!--<canvas class="bg-canvas"></canvas>-->
    <div class="main">
        <div class="bottom">
            <div class="title">历史注入帧数</div>
            <img class="title-img" src="../../images/biaoti.png"/>
            <div class="chart">
                <div id="bottom_chart"></div>
                <img class="rect1" src="../../images/rect1.png"/>
            </div>

        </div>
        <div class="left2">
            <div class="title">不同天线类型使用率</div>
            <img class="title-img" src="../../images/biaoti.png"/>
            <div class="chart-rect">
                <div id="left_chart2"></div>
                <img class="kuang" src="../../images/kuang.png"/>
            </div>
        </div>

        <div class="left1">
            <div class="title">历史注入概况</div>
            <img class="title-img" src="../../images/biaoti.png"/>
            <div class="chart-rect">
                <div id="left_chart1">
                    <div><span class="left_chart1_desc">历史注入总帧数:</span><span class="left_chart1_num" style="color:#feff2c;">2034</span><span class="left_chart1_unit">帧</span></div>
                    <div><span class="left_chart1_desc">历史注入成功率:</span><span class="left_chart1_num" style="color:#00ffff;">96</span><span class="left_chart1_unit">百分比</span></div>
                    <div><span class="left_chart1_desc">历史注入总时间:</span><span class="left_chart1_num" style="color:#fe770f;">104</span><span class="left_chart1_unit">小时</span></div>
                    <div><span class="left_chart1_desc">历史服务卫星数:</span><span class="left_chart1_num" style="color:#03ff00;">60</span><span class="left_chart1_unit">颗</span></div>
                </div>
                <img class="kuang" src="../../images/kuang.png"/>
            </div>

        </div>
        <div class="right1">
            <div class="title">注入情况统计</div>
            <img class="title-img" src="../../images/biaoti.png"/>
            <div class="chart-rect">
                <div id="right_chart1"></div>
                <img class="kuang" src="../../images/kuang.png"/>
            </div>

        </div>
        <div class="right2">
            <div class="title">注入天线使用率</div>
            <img class="title-img" src="../../images/biaoti.png"/>
            <div class="chart-rect">
                <div id="right_chart2"></div>
                <img class="kuang" src="../../images/kuang.png"/>
            </div>

        </div>
    </div>

</div>
<script type="text/javascript" src="../../js/bd_s_xdlj/left_chart2.js"></script>
<script type="text/javascript" src="../../js/bd_s_xdlj/bottom_chart.js"></script>
<script type="text/javascript" src="../../js/bd_s_xdlj/right_chart1.js"></script>
<script type="text/javascript" src="../../js/bd_s_xdlj/right_chart2.js"></script>

</body>
</html>